/*imgDrag*/
.wodsyDragMoveObj{position:fixed;border:1px solid #ddd}
.wodsyDragMoveObj img{width:100%;height:100%;}
/*.dragImgOver{border-color:red !important;}*/
.imglists .dragImgOver{border:none;background:#333;}
.noimg img{width:100%;height:100%;}
.mainimgbox{width:600px;height:700px;}
.mainimgbox .imgpreview{padding:10px;width:580px;height:580px;}
.mainimgbox .imgpreview img{width:100%;}
.imglists{width:100%;}
.imglists .classnoimg{float: left;padding:10px;width:100px;height:100px;}
.imglists .classnoimg img{width:100px;height:100px;}
/*imgDrag end*/

textarea{outline: none;background:#fff;line-height: 28px;margin:0;border:1px solid #b4c1c8;color:#1e1e1e;}
textarea:hover,textarea.act{border-color:#c19b63;}
input[type="text"]{background:none;}
select{border:1px solid #b4c1c8;color:#a3a3a3;background:#fff;}
.newinputtype{width: 120px;height:28px;}
.newinputtype input{height:18px;line-height: 18px;padding:5px;}
.newinputtype .val{left:5px;top:0px;}
.addImage .addimgbtn i,.searI,.deleI,.modeltall i,.colorstyledeletebtn,.colorstyleaddbtn i,.sizemodeltable .setauto,.setautobox .title i,.setautobox .jiantou,
.process .one .iImgbox,.process .one .iImgbox i,.ibtn i,.rightBox.icon_t i,.atlas .one,.optBbox .optone i
{background: url(../images/addwork_icon.png) no-repeat;display: inline-block;vertical-align: middle;margin-top: -3px;*margin-top:0;}
.wrapper{padding:60px 70px 0 80px;position: relative;width:720px;border:1px solid #e7e7e7;border-top:0;border-bottom:0;margin:0 97px 0 31px;padding-bottom:20px;}
.addsMenu{position:fixed;left:50%;top:170px;margin-left:-499px;width:30px;border-radius:4px 0 0 4px;height:300px;background:#252525;}
.addsMenu .li{cursor: pointer;height:99px;width:30px;text-align:center;}
.addsMenu .li.l1{border-radius:4px 0 0 0}
.addsMenu .li.l1,.addsMenu .li.l2{border-bottom: 1px solid #747474}
.addsMenu .li.l3{border-radius:0 0 0 4px;border-bottom: 1px solid #252525}
.addsMenu p{width: 16px;margin:0 auto;padding-top:3px;color:#fff;font-size: 14px;}
.addsMenu .li.act{background:#cfa972;border-color:#cfa972;}
.addImage{border:1px solid #e7e7e7;border-radius: 0 4px 0 0;background:#fbfbfb;min-height: 500px;position: fixed;left:50%;margin-left:403px;top:170px;width:100px;border-left: 0}
.webuploader-pick{background:#fffff4 url(../images/addbtn.png) 25px 0 no-repeat;cursor: pointer;border:1px solid #e7d0ae;border-radius:0 4px 4px 0;margin-top: -1px;margin-right:-1px;border-left: 0;font-family: 'Sumsun';color:#cfa972;height:38px;padding-top:50px;text-align:center}
.addImage .addimgbtn i{display: block;width: 50px;height: 50px;margin:0 auto;}
.addImage .addimgbtn p{line-height: 30px;text-align: center;}
.addImage .addimgbtn:hover,.webuploader-pick-hover{background-color:#fff3e1}
.upimgbox{height:540px;overflow: hidden;position: relative;}
.upimgbox p{line-height: 540px;color:#bfbebe;text-align: center;display: none}
.upimgbox img{width: 80px;height: 80px;padding:5px 10px;display: block;}
.imgpage{height:20px;background:#e7e7e7;display:none}
.imgpage .left,.imgpage .right{width:50px;text-align: center;line-height: 20px;font-size: ;color:#a1a1a1;height:20px;float: left;cursor: pointer;}
.imgpage .left{width:49px;border-right:1px solid #f5f5f5}
.onebox{float: left;width:100px;}
.movebox{position: absolute;height:540px;left:0}
.upalpha span{position:absolute;height:2px;background:red;left:0;bottom:0}
.upalpha{background:rgba(31,31,31,.6);filter:progid:DXimageTransform.Microsoft.gradient(enabled="true",startColorstr='#99000000',endColorstr='#99000000');color:#fff;text-align: center;position: absolute}
.topbtnbox{position: absolute;top:0;left:0;height: 24px;padding:18px 0 18px 590px;width:280px;background:rgba(246,246,242,.8);;filter:progid:DXimageTransform.Microsoft.gradient(enabled="true",startColorstr='#ccf8f8f5',endColorstr='#ccf8f8f5');z-index:9}
.topbtnbox .sendbtn,.topbtnbox .toseebtn{display:block;text-align:center;float:left;width:88px;height:24px;border:1px solid #c19b63;border-radius: 2px;background: #cfa972;font-size:14px ;color:#fff;}
.topbtnbox .toseebtn{background: #fff3e1;color:#cfa972;margin-left: 30px}
.topbtnbox .sendbtn:hover{background:#c19b63;}
.topbtnbox .toseebtn:hover{background:#ffedd3;}
.wrapper h1{line-height: 96px;height:96px;color:#1e1e1e;font-size:22px;width: 100%}
.wrapper h1 i{float: left;}
.wrapper h1 b{display: block;float: left;width:4px;height:20px;background:#1e1e1e;margin-top:38px;margin-right: 10px}
.wrapper h1 span{display: block;float: right;width:600px;height:2px;background:#fff;border-top:2px dotted #c3c3c3;margin-top:48px;margin-left: 10px}
.clearafter{width:720px;margin-bottom: 30px}
.leftText {font-size: 14px;width: 90px;height: 28px;line-height: 28px;color:#1e1e1e;float: left;text-align: right;}
.leftText i{color:#de0c23;margin-right:6px;}
.rightBox{width: 620px;margin-left: 10px;float: left;color:#646464;min-height: 28px;line-height: 28px}
.rightBox span{color:#646464}
.oftenuse{width:500px;float: right;font-size: 14px;line-height: 22px;margin-top:4px;}
.cantover{overflow: hidden;}
.bbox{width: 110%;}
.selOne{width: 232px;float: left;margin-right: 12px}
.searTop{position: relative;border-bottom: 1px solid #c9c9c9; padding:0 6px;cursor: pointer;}
.searI{background-position:0 -50px;width: 18px;height: 18px;margin-top: 0;*margin-top:-6px;}
.deleI{background-position:0 -68px;width: 18px;height: 18px;display: -none;margin-top: 0;*margin-top:-6px;}
.deleI:hover{background-position:0 -86px}
.fenleiSear{border: none;width:170px;padding:4px 2px;height:18px;line-height: 18px;outline: none}
.val{position: absolute;color:#b3b3b3;}
.searTop .val{top:0 ;left:30px;line-height: 28px;color:#6f6f6f}
.listsbox{line-height: 20px;color:#212121;height:220px;overflow: auto;}
.listsbox .listsone{padding-left:8px;cursor: pointer;}
.listsbox .listsone:hover,.listsbox .listsone.act{background:#e8e8e8;}
.tellLei{clear: both;height: 26px;line-height: 26px;text-indent: 10px;color:#4c4c4c;border: 1px solid #ffe7b1;background: #fffaf3;}
.tellLei span.yellow{color:#c19555;margin-left: 6px}
.yellow b{font-weight: 500;margin-left: 2px;display: inline-block;vertical-align: middle;margin-top: -4px}
.textline .inputbox{margin-right: 10px}
.border{border:1px solid #b4c1c8;}
.radone{cursor: pointer;margin-right: 26px;float: left;font-size: 12px}
.radone input[type="radio"]{margin-right:6px;vertical-align:middle;display:inline-block;margin-top:-3px;}
.mainimg{width: 300px;border:1px solid #d9d9d9;float: left;}
.mainimg img{display: block;}
.mainimg .bigimg{border-bottom: 1px solid #d9d9d9;width: 100%;}
.mainimg .bigimg img{width: 100%;height:300px;}
.mainimg .smallimgbox{padding:12px 9px;background: #f6f6f6}
.smallimgbox .smallone{float: left;width: 48px;height:48px;margin-right: 8px;border:1px solid #fff;}
.smallone img{width: 100%;height: 48px;}
.bbox.clearafter{margin:0;}
.addmainbox{float:right;width:310px;}
.worknames{height:70px;resize:none;width:194px;display: block;}
.inttall{text-align: right;color:#646464;}
.inttall span{color:#cfa972;}
.addmainbox .leftText{text-align: right}
.addmainbox .mainright{width: 200px;float: right;}
.addmainbox .leftText i{color:#cfa972}
.wrapper .newinputtype{border-color:#888;float:left}
.wrapper .newinputtype i{color:#888}
.mainright .fl{margin-left: 10px;}
.modeltall{width: 100%;line-height: 50px;color:#646464;}
.modeltall i{width: 20px;height: 20px;background-position: 0 -105px;margin-right: 8px}
.checkone i{color:#b2b2b2;float: left;}
.checkone input[type="checkbox"]{float: left;margin-top:8px;*margin-top:4px}
.checkone .checkright{float: left;}
.checkone .checkright span{float: left;margin-right: 8px}
.checkone .checkright .newinputtype{width:190px;}
.checkone .checkright .inputright{float: left;margin-left: 8px;}
.checkone .checkright .inputright b{color:#cfa972;margin-left: 6px}
.styleline{height: 28px;}
.showval{float: left;}
.setbtntext{font-weight: 700;color:#cfa972;margin-left:16px;float: left;cursor: pointer;}
.setbtntext:hover{text-decoration: underline;}
.setbtntext.noset{color:#999;}
.colormodelone,.sizemodelone{width: 100%;position: relative;padding: 10px 0}
.colormodelone .val,.sizemodelone .val{line-height: 28px;}
.colorimgbox{float: left;width: 160px;height: 160px;border:1px solid #ddd;background:#fafafa url(../images/addwork_icon.png) -50px 0 no-repeat;margin-top: 20px}
.colorimgbox img{width: 160px;height: 160px;}
.colorstyledeletebtn{position: absolute;cursor: pointer;width: 20px;height: 20px;background-position:0 -125px;bottom:50px;left:170px;}
.colorstyleaddbtn{float: left;margin-top: 10px;cursor: pointer;}
.colorstyleaddbtn:hover{color:#cfa972}
.colorstyleaddbtn i{width: 20px;height: 20px;background-position: 0 -145px;margin-right: 8px}


.sizemodeltable{width: 100%;text-align: center;border-collapse: collapse}
.sizemodeltable th,.sizemodeltable td{border:1px solid #dcdcdc;}
.sizemodeltable input{padding:0 5px;height:18px;line-height: 18px;border:1px solid #b4c1c8;}
.sizemodeltable .numinp{width: 70px}
.sizemodeltable .strinp{width: 100px}
.sizemodeltable .setauto{width: 20px;height: 20px;background-position: 0 -165px;cursor: pointer;margin-top: -5px}
.setautobox{width: 390px;height: 210px;position: fixed;border:1px solid #c19b63;left:50%;top:100px;background:#fff;z-index:3;display: none}
.setautobox .title{height: 40px;line-height: 40px;padding:0 20px;color:#666;background:#f3f3f3;}
.setautobox .title span{float: left;}
.setautobox .title i{width: 20px;height: 20px;background-position: 0 -185px;float: right;margin-top: 10px;cursor: pointer;}
.setautobox .title i:hover{background-position: 0 -205px}
.setopt{padding:20px 0;}
.setopt .one{float: left;width: 194px;}
.setopt .one p{text-indent: 20px;color:#666;}
.setopt .one .opt{text-indent: 30px;color:#666;}
.setopt .one .opt input[type="checkbox"]{margin-right: 8px;vertical-align: middle;}
.setopt .one.l{border-right:1px dashed #e3e3e3;}
.setbtn{width: 170px;height: 30px;margin: 0 auto}
.setbtn .btn{cursor:pointer;border:1px solid #c19b63;height: 28px;line-height: 28px;background:#c19b63;text-align: center;color:#fff;width: 70px;border-radius: 14px;float: left;}
.setbtn .btn.noset{background:#fff;color:#c19b63;float: right;}
.setautobox .jiantou{position: absolute;top:-20px;height:20px;width: 20px;background-position:0 -225px;right:86px;}
.haveleng span{color: #1e1e1e;margin-left:8px;display: inline-block;width:50px}
.haveleng i{color:#b2b2b2;}
.moban{background:#f6f6f6;}
.moban .one{cursor: pointer;height:34px;line-height: 34px;float: left;width:150px;padding-left: 3px;text-indent:3px;border:1px solid #f6f6f6;}
.moban .one:hover{border-color:#c19b63;background:#fff;}
.moban .one i{color:#c19b63;margin-left: 14px;text-decoration: underline;}
.moban .one i.tbtndel{color:#919191}
.moban input{vertical-align: middle;margin-top: -3px}
.mymoban .one i{margin-left:6px;}
.introduction{resize:vertical;width:614px;height: 120px;}
.rela{position: relative;}
.rela .val{left:3px; top:3px;}
.savemodel{width: 100%;height: 36px;line-height: 36px;float: left;text-indent: 10px;}
.savemodel b{cursor: pointer;color: #cfa972;text-decoration: underline;font-weight: 500}
.process,.atlas{background:#f6f6f6;}
.process .leftText,.atlas .leftText{height:50px;line-height: 50px;}
.process .one{position: relative;height:110px;padding:10px 0;width: 720px;}
.process .one .ind{float: left;color:#646464;width: 90px;text-align: center;line-height: 80px;height: 80px;}
.process .one .iImgbox{width: 120px;float: left;height: 80px;background-position: -50px -240px;position: relative;margin:0;}
.process .one .iImgbox.dragImgOver{background-position: -50px -160px}
.process .one .iImgbox img{width: 120px;height: 80px;}
.process .one .iImgbox i{position: absolute;right:8px;top:8px;background-position: 0 -245px;width: 20px;height: 20px;display: none}
.process .one textarea{margin-left: 15px;width: 444px;height: 74px;resize:none;}
.process .one .val{left:234px;top:14px;line-height: 28px;}
.process .one .inttall{position:absolute;right:45px;}
.process .one .ibtn{position: absolute;top:10px;right:13px;width: 20px;}
.ibtn i{width: 20px;height: 20px;margin-top:6px;}
.ibtn i.del{background-position: 0 -265px}
.ibtn i.add{background-position: 0 -285px}
.ibtn i.mov{background-position: 0 -305px}
.ibtn i.del:hover{background-position: -20px -265px}
.ibtn i.add:hover{background-position: -20px -285px}
.ibtn i.mov:hover{background-position: -20px -305px}
.process .SPACE{width: 718px;height: 128px;background:#fff;border:1px solid #cfa972;}
.process .modeltall{margin-left: 90px;}
.rightBox.icon_t{text-align: right;color:#c19b63;margin-left:0;margin-top:11px;}
.rightBox.icon_t i{width: 20px;height: 20px;background-position: 0 -325px;margin-right: 5px}
.atlas .one{width: 120px;height: 120px;background-position:-50px -320px;margin-left:20px;margin-top:0;float:left}
.atlas .one img{width: 100%;height:120px;display: block;}
.atlas .modeltall{text-indent: 20px}
.oth .introduction{*margin-left:-10px;}
.optBbox.clearafter{width: 630px;margin:0;}
.optBbox .optone{padding:0 12px;height: 18px;line-height: 18px;border:1px solid #b6b6b6;float:left;margin:4px 10px 6px 0;background:#f2f2f2;cursor: pointer;}
.optBbox .optone:hover{background:#fff3e1;border-color:#cfa972;}
.optBbox .optone.act{background:#cfa972;border-color:#cfa972;color:#fff;}
.optBbox .optone i{width: 18px;height: 18px;background-position:-20px -68px;margin-left:4px;}
.optBbox .optone:hover i{background-position:-20px -86px}
.optBbox .optone.act i{background-position:-20px -105px;}
.routinput{border:1px solid #b4c1c8;height:18px;line-height:18px;padding:7px;width: 604px;margin-top:6px;}
.opt .val{margin-top:-31px;margin-left:8px}
.cation .leftText{width:160px;margin-left:-70px;}
.cation select,.Freight select{width: 120px;font-size: 14px;font-size: 14px;float: left;margin-top: 4px}
.Freight select{width: 160px}
.addnewslink{display: block;float: left;color:#cfa972;background:#fff;border-radius: 12px;border:1px solid #cfa972;text-align: center;width: 98px;height: 24px;line-height: 24px;margin-top: 3px;margin-left:20px;}
.Freight .model{border:1px solid #dcdcdc;width: 618px;margin-top:10px;}
.Freight .title{height:30px;background:#f9f9f9;line-height: 30px;}
.Freight .title .list{margin-left:10px;padding:0 8px;float: left;cursor: pointer;}
.Freight .title .list.act{border-bottom: 2px solid #cfa972;color:#cfa972;height: 28px;}
.Freight .model .def{line-height:50px;height: 50px;}
.Freight .model .addFrei{border-top: 1px dashed #d8d8d8;padding:5px 0;line-height: 26px;}
.Freight .lrp{padding:0 15px;}
.botbtnspace.wrapper{background:#f6f6f6;padding:15px;width:840px;height:150px;border-radius:0 0 5px 5px;}
.botbtnspace .mainbtnbox{width: 240px;margin:0 auto;height:32px;padding:30px 0;}
.mainbtnbox .sendbtn,.mainbtnbox .toseebtn{display:block;text-align:center;float:left;width:98px;height:30px;border:1px solid #c19b63;border-radius: 4px;background: #cfa972;font-size:14px ;color:#fff;line-height: 30px;}
.mainbtnbox .toseebtn{background: #fff3e1;color:#cfa972;float: right;}
.mainbtnbox .sendbtn:hover{background:#c19b63;}
.mainbtnbox .toseebtn:hover{background:#ffedd3;}
.maintall{color:#828282;line-height: 24px;text-align: center;}